<script setup>
import { RouterView } from 'vue-router';
</script>

<template>
  <div class="root-box h-full w-full">
    <RouterView v-slot="{ Component, route }">
      <Transition
        :name="route.meta.transitionName"
        mode="out-in"
        @before-enter="onBeforeEnter"
        @before-leave="onBeforeLeave"
      >
        <Component :is="Component" />
      </Transition>
    </RouterView>
  </div>
</template>
<style scoped lang="scss">
.root-box {
  user-select: none;
}
</style>
